<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>超链接</title>
</head>
<body>
    <!--跳转至外部的资源-->
    <a href="https://www.baidu.com">百度首页</a>
    <a href="https://www.tmooc.cn/">达内首页</a>

    <!--跳转至本地资源-->
    <a href="p1.html">跳转至页面1</a>
    <a href="p5.html">跳转至页面5</a>
    <a href="1.png">即将打开图片1</a>
    <!--图片链接-->
    <a href="https://www.tmooc.cn/">
        <img src="1.png">
    </a>
    <!--_self刷新当前页 _blank打开一个新的空白页-->
    <a href="https://www.baidu.com" target="_self">百度1</a>
    <a href="https://www.baidu.com" target="_blank">百度2</a>

    <!--锚点-->
    <h1>西游记</h1>
    <a href="#c1">跳转至第一章</a>
    <a href="#c2">跳转至第二章</a>
    <a href="#c3">跳转至第三章</a>
    <hr>
    <h3 id="c1">第一章 石猴出世</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci amet distinctio, ex, expedita minus
        modi perspiciatis quam quasi quisquam reiciendis rerum similique suscipit tempora unde ut velit veritatis
        voluptate.</p>
    <p>At necessitatibus nostrum perspiciatis sapiente voluptatem. Aliquid aperiam eius explicabo labore, obcaecati
        quasi sed ullam. Adipisci eos incidunt rerum! Atque blanditiis dolore dolorem doloribus fuga nam nostrum quod,
        repellat voluptas!</p>
    <p>Corporis culpa enim illum ipsa iste iure laborum molestiae molestias, nisi obcaecati odit, optio, quo rerum sit
        tenetur vitae voluptas. Accusamus architecto, eos ex explicabo ipsum necessitatibus numquam odio recusandae!</p>
    <p>Accusamus, ad aliquid cum ea est hic magnam maxime nam nesciunt odio odit officiis possimus quaerat repellat
        rerum soluta voluptatum? Cum incidunt inventore maxime, officia omnis quia sunt tempora voluptate.</p>
    <p>Amet deleniti ducimus ea eos exercitationem explicabo quia. Aperiam excepturi natus odio provident voluptates.
        Accusamus cumque in laudantium necessitatibus perferendis quam quia recusandae voluptate! Aliquid animi eos nemo
        perspiciatis voluptatibus!</p>
    <p>Doloremque, eos omnis. Alias animi asperiores aspernatur, autem consectetur distinctio dolore eaque eum ex
        facilis fugit illo in ipsa magnam natus nemo, nostrum obcaecati quae sapiente soluta ullam unde vitae.</p>
    <p>Aperiam cupiditate debitis deleniti dignissimos dolore earum, magni molestiae omnis recusandae repellendus?
        Assumenda autem corporis dolor expedita fugiat, ipsam, magnam nobis possimus reiciendis saepe, similique
        suscipit totam vero? Ducimus, magni!</p>
    <p>Cupiditate eum molestiae quas repellendus voluptatem. Aliquam aliquid amet, autem debitis dolor ea error est
        maiores obcaecati officiis optio placeat, possimus provident quam qui, quis recusandae reiciendis velit vero
        voluptatibus.</p>
    <p>Ad cumque dicta eius eveniet impedit, itaque pariatur quisquam reiciendis tempora voluptas! Ad deserunt, dolorum
        earum, eos iste iusto laboriosam libero molestiae numquam officiis optio placeat quam quasi, quis sequi?</p>
    <p>Amet aspernatur, consectetur consequatur corporis dolore error modi nihil nisi, officia praesentium quia
        reiciendis sapiente sit temporibus vitae. Accusamus atque dignissimos incidunt inventore ipsam nulla numquam
        quasi sapiente similique sint?</p>
    <p>Assumenda culpa distinctio error eveniet itaque magnam quaerat quam tempora vero? Maiores molestias nisi velit
        vitae. Ab aliquam aspernatur deserunt et, facere iste non officia omnis qui sunt ut voluptatibus.</p>
    <p>Aliquam consequatur et nostrum, quidem rem voluptate? Dicta ducimus exercitationem fuga iusto labore laboriosam
        maiores maxime modi, nihil numquam obcaecati odio officia quam quas recusandae rerum, sed totam vel vero?</p>
    <p>Ad aspernatur autem error facere quas reprehenderit veniam. Ab alias aliquid, aut corporis debitis dicta dolore
        enim ex explicabo fugiat in itaque molestiae non officiis perspiciatis provident quisquam sunt tempore.</p>
    <p>A amet atque aut cum distinctio dolor dolorum eligendi eos esse, eveniet ex, fugiat fugit laboriosam
        necessitatibus numquam reiciendis rerum sed similique temporibus vero? Doloremque eum expedita fugit recusandae
        unde.</p>
    <p>Consequuntur error ipsum perspiciatis quis sapiente similique. Atque, commodi, consectetur cum deleniti esse est,
        eveniet id ipsum itaque magni maxime molestiae numquam quibusdam quod quos recusandae saepe sint vitae
        voluptatibus?</p>
    <p>Aut autem doloremque eaque earum eius et, in ipsa magnam maxime nulla numquam officiis perspiciatis possimus
        quasi quia quisquam rerum, sed similique, tempora tempore velit veniam vero? Inventore, iste, recusandae.</p>
    <p>Alias asperiores consequatur delectus dignissimos doloremque, enim explicabo impedit in iure laborum libero magni
        nesciunt nulla numquam optio provident quas qui repellat repudiandae rerum sequi sunt unde, vel voluptates
        voluptatum?</p>
    <p>Beatae cum ipsum nulla numquam, officiis repudiandae voluptate. Accusamus alias assumenda beatae blanditiis
        consectetur consequuntur delectus, deserunt dicta eligendi in iusto necessitatibus obcaecati quae recusandae
        similique temporibus voluptates! Laboriosam, soluta!</p>
    <p>Animi consectetur est eum laborum laudantium maxime nesciunt pariatur porro quidem repellat. Amet asperiores
        aspernatur dolore, ducimus eos eveniet ex facilis, laboriosam maiores maxime quasi sit, suscipit voluptate?
        Nisi, vel.</p>
    <p>Deserunt dignissimos doloribus ducimus, excepturi expedita illum labore laudantium magni maxime modi nihil nisi
        officia officiis quaerat quas qui rerum similique tempore unde ut veniam voluptate voluptatem voluptates. Modi,
        voluptas.</p>
    <p>A animi asperiores assumenda commodi deleniti dolor dolore enim esse et eum excepturi exercitationem explicabo,
        facere fugit magni, mollitia odit quam quia quidem quisquam quo repellat sint tenetur veniam veritatis.</p>
    <p>Architecto atque corporis culpa deleniti dolore dolores enim expedita explicabo facere ipsa, magni molestias
        natus neque nobis non obcaecati omnis optio possimus provident quam, qui recusandae sint soluta tenetur,
        voluptate!</p>
    <p>Assumenda atque eveniet facilis magnam nam praesentium quae sapiente suscipit? Consequatur doloribus eum impedit
        laborum molestias odit, rerum voluptates! Aspernatur exercitationem explicabo, illum itaque laboriosam maxime
        quaerat reprehenderit sequi soluta.</p>
    <p>Fugit pariatur quia sunt vitae. Debitis, dolore, doloremque eaque eligendi eos est eveniet facere in ipsum,
        labore laboriosam laudantium magnam magni officia possimus quaerat quasi quidem recusandae soluta tempore
        voluptas.</p>
    <p>Ab ad alias aliquam consequatur dolores earum est illo, magni nobis omnis quaerat saepe tempora ut veritatis
        voluptates voluptatibus voluptatum? Aspernatur aut beatae consequatur doloribus earum enim minima placeat
        tempore?</p>
    <p>Consequuntur cupiditate debitis dolor exercitationem fugiat id laborum laudantium maiores mollitia, nulla
        perspiciatis, reiciendis rerum, sit! A, asperiores aspernatur eaque et ipsum iusto neque nesciunt omnis
        voluptas? Modi, sed ut!</p>
    <p>Architecto at consectetur cumque cupiditate doloribus ea earum ex excepturi facere illum, inventore laudantium
        molestias, mollitia, nam nemo nobis optio perspiciatis porro quaerat reiciendis rem saepe sed totam veritatis
        voluptas.</p>
    <p>Adipisci aperiam cum debitis, doloribus ea eaque eius eligendi ex in iure, laboriosam maxime natus odit omnis
        pariatur quidem quisquam quo totam ullam vel vitae voluptatem voluptates! Quasi sit, tenetur.</p>
    <p>Ab alias, amet blanditiis consectetur cumque dicta dolore esse est eveniet explicabo fugiat laborum magni maxime
        mollitia neque nulla obcaecati placeat provident, quisquam reiciendis repellat sapiente sint tempora ullam
        velit?</p>
    <p>Aliquam atque autem delectus deleniti distinctio doloribus fuga ipsam iste laboriosam magnam maxime modi nam
        officiis porro quaerat, qui quos saepe sed soluta veritatis? Accusantium adipisci dolor iste suscipit
        voluptatem.</p>
    <h3 id="c2">第二章 蓬莱学艺</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci amet distinctio, ex, expedita minus
        modi perspiciatis quam quasi quisquam reiciendis rerum similique suscipit tempora unde ut velit veritatis
        voluptate.</p>
    <p>At necessitatibus nostrum perspiciatis sapiente voluptatem. Aliquid aperiam eius explicabo labore, obcaecati
        quasi sed ullam. Adipisci eos incidunt rerum! Atque blanditiis dolore dolorem doloribus fuga nam nostrum quod,
        repellat voluptas!</p>
    <p>Corporis culpa enim illum ipsa iste iure laborum molestiae molestias, nisi obcaecati odit, optio, quo rerum sit
        tenetur vitae voluptas. Accusamus architecto, eos ex explicabo ipsum necessitatibus numquam odio recusandae!</p>
    <p>Accusamus, ad aliquid cum ea est hic magnam maxime nam nesciunt odio odit officiis possimus quaerat repellat
        rerum soluta voluptatum? Cum incidunt inventore maxime, officia omnis quia sunt tempora voluptate.</p>
    <p>Amet deleniti ducimus ea eos exercitationem explicabo quia. Aperiam excepturi natus odio provident voluptates.
        Accusamus cumque in laudantium necessitatibus perferendis quam quia recusandae voluptate! Aliquid animi eos nemo
        perspiciatis voluptatibus!</p>
    <p>Doloremque, eos omnis. Alias animi asperiores aspernatur, autem consectetur distinctio dolore eaque eum ex
        facilis fugit illo in ipsa magnam natus nemo, nostrum obcaecati quae sapiente soluta ullam unde vitae.</p>
    <p>Aperiam cupiditate debitis deleniti dignissimos dolore earum, magni molestiae omnis recusandae repellendus?
        Assumenda autem corporis dolor expedita fugiat, ipsam, magnam nobis possimus reiciendis saepe, similique
        suscipit totam vero? Ducimus, magni!</p>
    <p>Cupiditate eum molestiae quas repellendus voluptatem. Aliquam aliquid amet, autem debitis dolor ea error est
        maiores obcaecati officiis optio placeat, possimus provident quam qui, quis recusandae reiciendis velit vero
        voluptatibus.</p>
    <p>Ad cumque dicta eius eveniet impedit, itaque pariatur quisquam reiciendis tempora voluptas! Ad deserunt, dolorum
        earum, eos iste iusto laboriosam libero molestiae numquam officiis optio placeat quam quasi, quis sequi?</p>
    <p>Amet aspernatur, consectetur consequatur corporis dolore error modi nihil nisi, officia praesentium quia
        reiciendis sapiente sit temporibus vitae. Accusamus atque dignissimos incidunt inventore ipsam nulla numquam
        quasi sapiente similique sint?</p>
    <p>Assumenda culpa distinctio error eveniet itaque magnam quaerat quam tempora vero? Maiores molestias nisi velit
        vitae. Ab aliquam aspernatur deserunt et, facere iste non officia omnis qui sunt ut voluptatibus.</p>
    <p>Aliquam consequatur et nostrum, quidem rem voluptate? Dicta ducimus exercitationem fuga iusto labore laboriosam
        maiores maxime modi, nihil numquam obcaecati odio officia quam quas recusandae rerum, sed totam vel vero?</p>
    <p>Ad aspernatur autem error facere quas reprehenderit veniam. Ab alias aliquid, aut corporis debitis dicta dolore
        enim ex explicabo fugiat in itaque molestiae non officiis perspiciatis provident quisquam sunt tempore.</p>
    <p>A amet atque aut cum distinctio dolor dolorum eligendi eos esse, eveniet ex, fugiat fugit laboriosam
        necessitatibus numquam reiciendis rerum sed similique temporibus vero? Doloremque eum expedita fugit recusandae
        unde.</p>
    <p>Consequuntur error ipsum perspiciatis quis sapiente similique. Atque, commodi, consectetur cum deleniti esse est,
        eveniet id ipsum itaque magni maxime molestiae numquam quibusdam quod quos recusandae saepe sint vitae
        voluptatibus?</p>
    <p>Aut autem doloremque eaque earum eius et, in ipsa magnam maxime nulla numquam officiis perspiciatis possimus
        quasi quia quisquam rerum, sed similique, tempora tempore velit veniam vero? Inventore, iste, recusandae.</p>
    <p>Alias asperiores consequatur delectus dignissimos doloremque, enim explicabo impedit in iure laborum libero magni
        nesciunt nulla numquam optio provident quas qui repellat repudiandae rerum sequi sunt unde, vel voluptates
        voluptatum?</p>
    <p>Beatae cum ipsum nulla numquam, officiis repudiandae voluptate. Accusamus alias assumenda beatae blanditiis
        consectetur consequuntur delectus, deserunt dicta eligendi in iusto necessitatibus obcaecati quae recusandae
        similique temporibus voluptates! Laboriosam, soluta!</p>
    <p>Animi consectetur est eum laborum laudantium maxime nesciunt pariatur porro quidem repellat. Amet asperiores
        aspernatur dolore, ducimus eos eveniet ex facilis, laboriosam maiores maxime quasi sit, suscipit voluptate?
        Nisi, vel.</p>
    <p>Deserunt dignissimos doloribus ducimus, excepturi expedita illum labore laudantium magni maxime modi nihil nisi
        officia officiis quaerat quas qui rerum similique tempore unde ut veniam voluptate voluptatem voluptates. Modi,
        voluptas.</p>
    <p>A animi asperiores assumenda commodi deleniti dolor dolore enim esse et eum excepturi exercitationem explicabo,
        facere fugit magni, mollitia odit quam quia quidem quisquam quo repellat sint tenetur veniam veritatis.</p>
    <p>Architecto atque corporis culpa deleniti dolore dolores enim expedita explicabo facere ipsa, magni molestias
        natus neque nobis non obcaecati omnis optio possimus provident quam, qui recusandae sint soluta tenetur,
        voluptate!</p>
    <p>Assumenda atque eveniet facilis magnam nam praesentium quae sapiente suscipit? Consequatur doloribus eum impedit
        laborum molestias odit, rerum voluptates! Aspernatur exercitationem explicabo, illum itaque laboriosam maxime
        quaerat reprehenderit sequi soluta.</p>
    <p>Fugit pariatur quia sunt vitae. Debitis, dolore, doloremque eaque eligendi eos est eveniet facere in ipsum,
        labore laboriosam laudantium magnam magni officia possimus quaerat quasi quidem recusandae soluta tempore
        voluptas.</p>
    <p>Ab ad alias aliquam consequatur dolores earum est illo, magni nobis omnis quaerat saepe tempora ut veritatis
        voluptates voluptatibus voluptatum? Aspernatur aut beatae consequatur doloribus earum enim minima placeat
        tempore?</p>
    <p>Consequuntur cupiditate debitis dolor exercitationem fugiat id laborum laudantium maiores mollitia, nulla
        perspiciatis, reiciendis rerum, sit! A, asperiores aspernatur eaque et ipsum iusto neque nesciunt omnis
        voluptas? Modi, sed ut!</p>
    <p>Architecto at consectetur cumque cupiditate doloribus ea earum ex excepturi facere illum, inventore laudantium
        molestias, mollitia, nam nemo nobis optio perspiciatis porro quaerat reiciendis rem saepe sed totam veritatis
        voluptas.</p>
    <p>Adipisci aperiam cum debitis, doloribus ea eaque eius eligendi ex in iure, laboriosam maxime natus odit omnis
        pariatur quidem quisquam quo totam ullam vel vitae voluptatem voluptates! Quasi sit, tenetur.</p>
    <p>Ab alias, amet blanditiis consectetur cumque dicta dolore esse est eveniet explicabo fugiat laborum magni maxime
        mollitia neque nulla obcaecati placeat provident, quisquam reiciendis repellat sapiente sint tempora ullam
        velit?</p>
    <p>Aliquam atque autem delectus deleniti distinctio doloribus fuga ipsam iste laboriosam magnam maxime modi nam
        officiis porro quaerat, qui quos saepe sed soluta veritatis? Accusantium adipisci dolor iste suscipit
        voluptatem.</p>
    <h3 id="c3">第三章 龙宫借宝</h3>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci amet distinctio, ex, expedita minus
        modi perspiciatis quam quasi quisquam reiciendis rerum similique suscipit tempora unde ut velit veritatis
        voluptate.</p>
    <p>At necessitatibus nostrum perspiciatis sapiente voluptatem. Aliquid aperiam eius explicabo labore, obcaecati
        quasi sed ullam. Adipisci eos incidunt rerum! Atque blanditiis dolore dolorem doloribus fuga nam nostrum quod,
        repellat voluptas!</p>
    <p>Corporis culpa enim illum ipsa iste iure laborum molestiae molestias, nisi obcaecati odit, optio, quo rerum sit
        tenetur vitae voluptas. Accusamus architecto, eos ex explicabo ipsum necessitatibus numquam odio recusandae!</p>
    <p>Accusamus, ad aliquid cum ea est hic magnam maxime nam nesciunt odio odit officiis possimus quaerat repellat
        rerum soluta voluptatum? Cum incidunt inventore maxime, officia omnis quia sunt tempora voluptate.</p>
    <p>Amet deleniti ducimus ea eos exercitationem explicabo quia. Aperiam excepturi natus odio provident voluptates.
        Accusamus cumque in laudantium necessitatibus perferendis quam quia recusandae voluptate! Aliquid animi eos nemo
        perspiciatis voluptatibus!</p>
    <p>Doloremque, eos omnis. Alias animi asperiores aspernatur, autem consectetur distinctio dolore eaque eum ex
        facilis fugit illo in ipsa magnam natus nemo, nostrum obcaecati quae sapiente soluta ullam unde vitae.</p>
    <p>Aperiam cupiditate debitis deleniti dignissimos dolore earum, magni molestiae omnis recusandae repellendus?
        Assumenda autem corporis dolor expedita fugiat, ipsam, magnam nobis possimus reiciendis saepe, similique
        suscipit totam vero? Ducimus, magni!</p>
    <p>Cupiditate eum molestiae quas repellendus voluptatem. Aliquam aliquid amet, autem debitis dolor ea error est
        maiores obcaecati officiis optio placeat, possimus provident quam qui, quis recusandae reiciendis velit vero
        voluptatibus.</p>
    <p>Ad cumque dicta eius eveniet impedit, itaque pariatur quisquam reiciendis tempora voluptas! Ad deserunt, dolorum
        earum, eos iste iusto laboriosam libero molestiae numquam officiis optio placeat quam quasi, quis sequi?</p>
    <p>Amet aspernatur, consectetur consequatur corporis dolore error modi nihil nisi, officia praesentium quia
        reiciendis sapiente sit temporibus vitae. Accusamus atque dignissimos incidunt inventore ipsam nulla numquam
        quasi sapiente similique sint?</p>
    <p>Assumenda culpa distinctio error eveniet itaque magnam quaerat quam tempora vero? Maiores molestias nisi velit
        vitae. Ab aliquam aspernatur deserunt et, facere iste non officia omnis qui sunt ut voluptatibus.</p>
    <p>Aliquam consequatur et nostrum, quidem rem voluptate? Dicta ducimus exercitationem fuga iusto labore laboriosam
        maiores maxime modi, nihil numquam obcaecati odio officia quam quas recusandae rerum, sed totam vel vero?</p>
    <p>Ad aspernatur autem error facere quas reprehenderit veniam. Ab alias aliquid, aut corporis debitis dicta dolore
        enim ex explicabo fugiat in itaque molestiae non officiis perspiciatis provident quisquam sunt tempore.</p>
    <p>A amet atque aut cum distinctio dolor dolorum eligendi eos esse, eveniet ex, fugiat fugit laboriosam
        necessitatibus numquam reiciendis rerum sed similique temporibus vero? Doloremque eum expedita fugit recusandae
        unde.</p>
    <p>Consequuntur error ipsum perspiciatis quis sapiente similique. Atque, commodi, consectetur cum deleniti esse est,
        eveniet id ipsum itaque magni maxime molestiae numquam quibusdam quod quos recusandae saepe sint vitae
        voluptatibus?</p>
    <p>Aut autem doloremque eaque earum eius et, in ipsa magnam maxime nulla numquam officiis perspiciatis possimus
        quasi quia quisquam rerum, sed similique, tempora tempore velit veniam vero? Inventore, iste, recusandae.</p>
    <p>Alias asperiores consequatur delectus dignissimos doloremque, enim explicabo impedit in iure laborum libero magni
        nesciunt nulla numquam optio provident quas qui repellat repudiandae rerum sequi sunt unde, vel voluptates
        voluptatum?</p>
    <p>Beatae cum ipsum nulla numquam, officiis repudiandae voluptate. Accusamus alias assumenda beatae blanditiis
        consectetur consequuntur delectus, deserunt dicta eligendi in iusto necessitatibus obcaecati quae recusandae
        similique temporibus voluptates! Laboriosam, soluta!</p>
    <p>Animi consectetur est eum laborum laudantium maxime nesciunt pariatur porro quidem repellat. Amet asperiores
        aspernatur dolore, ducimus eos eveniet ex facilis, laboriosam maiores maxime quasi sit, suscipit voluptate?
        Nisi, vel.</p>
    <p>Deserunt dignissimos doloribus ducimus, excepturi expedita illum labore laudantium magni maxime modi nihil nisi
        officia officiis quaerat quas qui rerum similique tempore unde ut veniam voluptate voluptatem voluptates. Modi,
        voluptas.</p>
    <p>A animi asperiores assumenda commodi deleniti dolor dolore enim esse et eum excepturi exercitationem explicabo,
        facere fugit magni, mollitia odit quam quia quidem quisquam quo repellat sint tenetur veniam veritatis.</p>
    <p>Architecto atque corporis culpa deleniti dolore dolores enim expedita explicabo facere ipsa, magni molestias
        natus neque nobis non obcaecati omnis optio possimus provident quam, qui recusandae sint soluta tenetur,
        voluptate!</p>
    <p>Assumenda atque eveniet facilis magnam nam praesentium quae sapiente suscipit? Consequatur doloribus eum impedit
        laborum molestias odit, rerum voluptates! Aspernatur exercitationem explicabo, illum itaque laboriosam maxime
        quaerat reprehenderit sequi soluta.</p>
    <p>Fugit pariatur quia sunt vitae. Debitis, dolore, doloremque eaque eligendi eos est eveniet facere in ipsum,
        labore laboriosam laudantium magnam magni officia possimus quaerat quasi quidem recusandae soluta tempore
        voluptas.</p>
    <p>Ab ad alias aliquam consequatur dolores earum est illo, magni nobis omnis quaerat saepe tempora ut veritatis
        voluptates voluptatibus voluptatum? Aspernatur aut beatae consequatur doloribus earum enim minima placeat
        tempore?</p>
    <p>Consequuntur cupiditate debitis dolor exercitationem fugiat id laborum laudantium maiores mollitia, nulla
        perspiciatis, reiciendis rerum, sit! A, asperiores aspernatur eaque et ipsum iusto neque nesciunt omnis
        voluptas? Modi, sed ut!</p>
    <p>Architecto at consectetur cumque cupiditate doloribus ea earum ex excepturi facere illum, inventore laudantium
        molestias, mollitia, nam nemo nobis optio perspiciatis porro quaerat reiciendis rem saepe sed totam veritatis
        voluptas.</p>
    <p>Adipisci aperiam cum debitis, doloribus ea eaque eius eligendi ex in iure, laboriosam maxime natus odit omnis
        pariatur quidem quisquam quo totam ullam vel vitae voluptatem voluptates! Quasi sit, tenetur.</p>
    <p>Ab alias, amet blanditiis consectetur cumque dicta dolore esse est eveniet explicabo fugiat laborum magni maxime
        mollitia neque nulla obcaecati placeat provident, quisquam reiciendis repellat sapiente sint tempora ullam
        velit?</p>
    <p>Aliquam atque autem delectus deleniti distinctio doloribus fuga ipsam iste laboriosam magnam maxime modi nam
        officiis porro quaerat, qui quos saepe sed soluta veritatis? Accusantium adipisci dolor iste suscipit
        voluptatem.</p>
    <a href="#">快速跳转至页面顶部</a>
</body>
</html>